<!DOCTYPE html>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>会员详细</title>
<jsp:include page="/common/commonCss.jsp" />
<jsp:include page="/common/commonJs.jsp" />
<script src="${basePath }commonJs/tags/My97DatePicker/WdatePicker.js"></script>
<script src="${basePath }resources/membership/finger.js"></script>
<script src="${basePath }resources/membership/member.js"></script>


<style>
#listBoxTop{width: 560px;}        
#listBox{width: 600px;}
#container{width: 700px;}
.st1{background:#5fab3c;}
.st2{background:#6eafdd;}
#listTop{ width:2000px;}
#listTop > li{ width:560px;}
</style>
<script src="${basePath}commonJs/jquery.imageScroller.js"></script>
<script type="text/javascript">
var base = "${basePath}";
	$(function () {
		 $("#listBoxTop").imageScroller({
	         next: "btnNextTop",
	         prev: "btnPrevTop",
	         frame: "listTop",
	         child: "li",
	         auto: false
	     });
	    $("#listBox").imageScroller({
	        next: "btnNext",
	        prev: "btnPrev",
	        frame: "list",
	        child: "li",
	        auto: false
	    });
	    
	    $(document).ready(function() {
			// 下一步
			$("#nextStepXH").click(function() {		
				/* if ($("select[name='buyMemberCardId']").length == 0)  {
					alertInfo("已是会员，无需购买会员卡！");
					return false;
				} */
				var isValid = false;
				$("select[name='buyMemberCardId']").each(function(index, item) {
					if (item.value != "") {
						isValid = true;
						return;
					}
				});
				if (!isValid) {
					alertError("请先选择要购买的会员卡！");
					return false;
				}
				$("input[name=recharge]").each(function(index, item) {
					if (item.value == "0" || item.value == "") return;
					if (item.value != "") {
						isInput = true;
						if (!(/^(\+|-)?\d+$/.test(item.value)) || item.value < 0) {
							alertError("充值金额必须为正整数！");
							item.focus();
							isValid = false;
							return;
						}
					}
				});
				if (!isValid) {
					return false;
				}
				$("#buyForm").attr("action", base + "membership/member/findPayment.shtml");
				$("#buyForm").submit();
			});
	});
});
</script>
</head>
<body class="bg">
	<div class="content m_auto">
		<div class="content_l mt10">
			<ul>
				<c:if test="${type!=null && type!=''}">
				<shiro:hasPermission name="filemanagement/listVip.shtml?type=1">
					<li <c:if test="${type=='1'}">class="content_hover"</c:if>><a href="${basePath }filemanagement/listVip.shtml?type=1"><i class="nav_icon_b"></i><br>会员管理</a></li>
				</shiro:hasPermission>
				<shiro:hasPermission name="filemanagement/viewVistors.shtml?type=3">
            		<li <c:if test="${type=='3'}">class="content_hover"</c:if>><a href="${basePath }filemanagement/viewVistors.shtml?type=3"><i class="nav_icon_d"></i><br>访客管理</a></li>
            	</shiro:hasPermission>
            	<shiro:hasPermission name="filemanagement/listViewSingelTicket.shtml?type=2">
           			<li <c:if test="${type=='2'}">class="content_hover"</c:if>><a href="${basePath }filemanagement/listViewSingelTicket.shtml?type=2"><i class="nav_icon_a"></i><br>非会员管理</a></li>
           		</shiro:hasPermission>
           		<shiro:hasPermission name="parreserve/parReserveManages.shtml?indexflag=">
					<li><a href="${basePath }parreserve/parReserveManages.shtml?indexflag="><i class="nav_icon_g"></i><br>预约管理</a></li>
				</shiro:hasPermission>
           		<shiro:hasPermission name="filemanagement/customer/serviceList.shtml">
            		<li><a href="${basePath}filemanagement/customer/serviceList.shtml"><i class="nav_icon_h"></i><br>客户服务</a></li>
            	</shiro:hasPermission>
           		<shiro:hasPermission name="crm/jumpCrm.shtml">
					<li><a href="${basePath }crm/jumpCrm.shtml"><i class="nav_icon_n"></i><br>客户关系管理</a></li>
				</shiro:hasPermission>
				</c:if>
				<c:if test="${type==null || type==''}">
					<shiro:hasPermission name="membership/single/jumpSingleTicket.shtml">
			        	<li ><a href="${basePath }membership/single/jumpSingleTicket.shtml"><i class="nav_icon_a"></i><br>单次票</a></li>
					</shiro:hasPermission>
					<shiro:hasPermission name="membership/member/jumpMember.shtml">
						<li class="content_hover"><a href="${basePath }membership/member/jumpMember.shtml"><i class="nav_icon_b"></i><br>会籍</a></li>
					</shiro:hasPermission>
					<shiro:hasPermission name="membership/visitor/jumpVisitor.shtml">
						<li><a href="${basePath }membership/visitor/jumpVisitor.shtml"><i class="nav_icon_d"></i><br>访客</a></li>
					</shiro:hasPermission>
					<shiro:hasPermission name="parreserve/loadParReserve.shtml">
						<li><a href="${basePath }parreserve/loadParReserve.shtml"><i class="nav_icon_g"></i><br>派对/团体预约</a></li>
			        </shiro:hasPermission>
				</c:if>
			</ul>
		</div>
		<div class="content_r mt10">
			<div class="collection_h1 fixed">
				<ul class="order">
					<li class="order_a"><i class="order_icon">1</i>信息采集</li>
					<li class="order_b"><i class="order_icon_hui">2</i>下单</li>
				</ul>
			</div>
			<div class="collection_l fixed" style="width:100%">
				<div class="collection_t ml10 fixed fl">
					<div class="collection_contet mt20" style="width: 1151px;">
						<div id="containerTop" class="collection_t ml10 fixed fl">
							<div id="btnNextTop">
								<a class="collection_t_l" href="javascript:void(0);"></a>
							</div>
							<div id="listBoxTop">
								<ul id="listTop">
									<!-- 会员信息 start -->
									<c:forEach items="${memList }" var="member" varStatus="status">
										<li id="li_member_${member.pkMemId}">
											<div class="collection_img fl">
												<span class="collection_span">
													<span class="ing_hover" id="${member.pkMemId}"> 
														<i>${member.imageTimePage}</i>
														<img class="colle_img" style="width: 145px; height: 190px;" src="${basePath}common/showImage.shtml?imagePath=${member.imagePath}">
													</span>
												</span>
												<a href="javascript:void(0)" onClick="openMember('${member.pkMemId}');" class="collection_img_l"   title="编辑">
													<i class="editor_icon"></i>
												</a>
												<a onclick="deleteMember('${member.pkMemId}', '${member.memType}', '${member.status}');" class="collection_img_r" title="删除">
													<i class="delete_icon"></i>
												</a>
											</div>
											<div class="collection_text fl">
												<div class="fl">
													<h2>
														<i class="f18" title="${member.memName}">
														<c:choose> 
															<c:when test="${fn:length(member.memName) > 5}">${fn:substring(member.memName, 0, 5)}...</c:when> 
															<c:otherwise>${member.memName}</c:otherwise>
														</c:choose>
														</i><em class="ml10">${member.sex}</em><br>
														<c:if test="${member.isVip == 1}">
															<i class="vip_icon"></i>
														</c:if>
													</h2>
													<dl class="f14 mt20">
														<dd>生日：${member.birthdayPage}</dd>
														<dd>国籍：${member.countryDesc}</dd>
														<dd>
															<c:if test="${member.memType == 1}">会员</c:if>
															<c:if test="${member.memType == 2}">非会员</c:if>
															<c:if test="${member.memType == 3}">访客</c:if>
															：<span class="f11">${member.pkMemId}</span>
														</dd>
														<dd>${member.memberCardName}</dd>
														<dd>余额：￥<fmt:formatNumber   pattern="#,###,###,###">${member.balance}</fmt:formatNumber></dd>
														<dd>
															<c:if test="${member.status == 2}">
																<i class="youx_icon mr10"></i>
															</c:if>
															<c:if test="${member.signDisclaimer == 1}">
																<i class="duwa_icon ml10"></i>
															</c:if>
														</dd>
													</dl>
												</div>

											</div>
											<c:if test="${member.memType == 1}">
											<div class="zhuyi" style="width: 200px !important;">
												<h1>注意事项</h1>
												<p title="${member.note}">
													<c:choose> 
														<c:when test="${fn:length(member.note) == 0}">无</c:when> 
														<c:when test="${fn:length(member.note) > 38}">${fn:substring(member.note, 0, 38)}...</c:when> 
														<c:otherwise>${member.note}</c:otherwise>
													</c:choose>
												</p>
												<h1 class="zhuyi_bo">员工备注</h1>
												<p title="${member.memo}">
													<c:choose> 
														<c:when test="${fn:length(member.memo) == 0}">无</c:when> 
														<c:when test="${fn:length(member.memo) > 38}">${fn:substring(member.memo, 0, 38)}...</c:when> 
														<c:otherwise>${member.memo}</c:otherwise>
													</c:choose>
												</p>
											</div>
											</c:if>
										</li>
									</c:forEach>
									<!-- 会员信息 end -->
								</ul>
							</div>
							<div id="btnPrevTop">
								<a href="javascript:void(0);" class="collection_t_r"></a>
							</div>
						</div>
						<div class="fl" style="padding-left: 30px">
							<a href="#" class="collection_add fr" onclick="openMember('');">
								<img src="${basePath }commonCss/images/index_02.gif">
							</a>
						</div>

						<!------右表格------>
						<form id="buyForm" method="post">
						<input type="hidden" id="type" name="type" value="${type }">
						<div class="mem_add_leix">
							<table class="table">
								<tr>
									<th>会员名称</th>
									<th>会籍类型</th>
								</tr>
								<c:forEach items="${memList}" var="member" >
									<!-- 是会员，并且为过期或者新建的才可以徐汇 -->
									<%-- <c:if test="${member.memType == 1 && (member.status == 3 || member.status == 5 || member.status == '' || member.status == null)}"> --%>
									<c:if test="${member.memType == type && member.status==2}">
										<tr>
											<td title="${member.memName}">
												<input type="hidden" name="buyMemberId" value="${member.pkMemId}">
												<input type="hidden" name="memName" value="${member.memName}">
												<c:choose> 
													<c:when test="${fn:length(member.memName) > 5}">${fn:substring(member.memName, 0, 5)}...</c:when> 
													<c:otherwise>${member.memName}</c:otherwise>
												</c:choose>
											</td>
											<td>
												<div class="uboxstyle">
													<select name="buyMemberCardId" id="buyMemberCardId_${member.pkMemId}">
														<option value="">请选择</option>
														<c:forEach items="${productList}" var="product" >
									                                        <option value="${product.pkPrdId }" >${product.prdName }</option>
									                                        </c:forEach>
													</select>
												</div>
											</td>
										</tr>
									</c:if>
								</c:forEach>
							</table>
							
				                    <table class="table mt10">
				                        <tr>
				                            <th>会员名称</th>
				                            <th>充值金额</th>
				                        </tr>
								<c:forEach items="${memList}" var="member" varStatus="status">
									<%-- <c:if test="${member.memType == 1 && (member.status == 3 || member.status == 5 || member.status == '' || member.status == null)}"> --%>
									<c:if test="${member.memType == type && member.status==2}">
										<tr>
											<td title="${member.memName}">
												<c:choose> 
													<c:when test="${fn:length(member.memName) > 5}">${fn:substring(member.memName, 0, 5)}...</c:when> 
													<c:otherwise>${member.memName}</c:otherwise>
												</c:choose>
											</td>
											<td>
												<div class="uboxstyle">
													<input type="text" class="iput_t " value="0" id="recharge${status.index }" name="recharge">
												</div>
											</td>
										</tr>
									</c:if>
								</c:forEach>
				                    </table>
						</div>
						</form>
						<!------右表格------>
				</div>
				<div class="clear"></div>
				<div class=" border_top">
					<div id="container" class="collection_b ml10 fixed fl">
						<div id="btnNext">
							<a class="collection_t_l" href="javascript:void(0);"></a>
						</div>
						<div id="listBox">
							<ul id="list">
								<c:forEach items="${guaList }" var="gua">
									<li id="li_gua_${gua.pkGuaId}">
										<h1>${gua.relDesc }</h1>
										<p class="coll_img" id="${gua.pkGuaId }">
											<i>${gua.imageTimePage }</i> 
											<img src="${basePath}common/showImage.shtml?imagePath=${gua.imagePath}" width="102" height="136">
										</p>
										<dl class="collection_t_l_dl">
											<dd>
												<span title="${gua.name}" >
												<c:choose> 
													<c:when test="${fn:length(gua.name) > 5}">${fn:substring(gua.name, 0, 5)}...</c:when> 
													<c:otherwise>${gua.name}</c:otherwise>
												</c:choose>
												</span>
												<a href="#"  onClick="deleteGua('${gua.pkGuaId }');" class="delete_icon fr ml10"  title="删除"></a>
												<a href="#"  onClick="openGua('${gua.pkGuaId }');" class="editor_icon fr"   title="编辑"></a>
											</dd>
											<dd>${gua.telNum }</dd>
											<dd>
												<c:if test="${gua.canReceive == 1 }">
													<i class="jiel_icon"></i>
												</c:if>
												<c:if test="${gua.canConsume == 1 }">
													<i class="qians_icon ml10" title="可消费余额"></i>
												</c:if>
											</dd>
										</dl>
									</li>
								</c:forEach>
							</ul>
						</div>
						<div id="btnPrev">
							<a class="collection_t_r" href="javascript:void(0);"></a>
						</div>
					</div>
					<div class="fl">
						<a href="#" onClick="openGua('');"><img
							class="collection_jia" src="${basePath }commonCss/images/index_02.gif"
							width="120" height="154"></a>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="btm_btn mt30">
				<dl>
					<dd>
						<a><input type="button" class="btn" value="返回" onclick="history.back(-1);"></a>
					</dd>
					<dd>
						<a><input type="button" class="btn" value="下一步" id="nextStepXH"></a>
					</dd>
				</dl>
			</div>
		</div>
	</div>
	</div>

<!--  小朋友会员弹出层   -->
<div id="memberPop" class="easyui-window" title="会员" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:800px; height:500px;position:relative;">
        <form id="memberForm" method="post">
        <input type="hidden" id="pkMemId_member" name="pkMemId">
        <input type="hidden" name="memType" value="1">
        <input type="hidden" name="status">
        <input type="hidden" name="familyId" value="${familyId }">
	<input type="hidden" name="fing1" id="fing1_member" >
	<input type="hidden" name="fing2" id="fing2_member">
	<input type="hidden" name="ftype1" id="ftype1_member">
	<input type="hidden" name="ftype2" id="ftype2_member">
        <div class="collection_l fixed" style="width:100%">
        	<div class="collection_t ml10 fixed">
            	<div class="collection_contet mt20" >
                	<div class="collection_img fl">
                    	<span class="collection_span">
                        	<input type="hidden" id="imagePath_member" name="imagePath"/>
				<img class="colle_img" style="width:150px;height:200px" onclick="openCameraPage(1);" title="点击拍摄图片"  id="memberImage">
                        </span>
			<div class="collection_img_p" id="memberCardName"></div>
                    </div>
                    <div class="collection_text fl">
                    	<div class="fl">
                            <ul class="f14 details_ull w250 fl">
                            	<li>
                                    <label><span class=" color_red mr5">*</span>姓名：</label>
                                    <input type="text" class="iput_t w150" id="memName_member" name="memName">
                                </li>
                                <li>
                                	<label><span class=" color_red mr5">*</span>性别：</label>
                                    <ul class="ul_radio fl" id="ul_member">
                                        <li><input type="radio" id="girlRadioButton_member" name="sex" value="女" class="mr5">女</li>
                                        <li><input type="radio" id="boyRadioButton_member" name="sex" value="男" class="mr5">男</li>
                                        <li><input type="checkbox" id="isVip_member" name="isVip" class="mr5 vt"><i class="vip_icon"></i></li>
                                    </ul>
                                </li>
                                <li><label><span class=" color_red mr5">*</span>生日：</label>
<a class="customer_calendar_icon" href="#" onClick="WdatePicker({el:'birthday',maxDate:'%y-%M-%d'})"></a>
	            	 <input type="text"   id="birthday_member" name="birthdayPage" class="iput_t w150" onClick="WdatePicker({maxDate:'%y-%M-%d'})" ></li>
                                <li><label><span class=" color_red mr5">*</span>国籍：</label>
                                	<div class=" uboxstyle_small">
	                                        <select name="country" id="country_member">
							<c:forEach items="${countryList}" var="country" >
		                                        <option value="${country.pkCountryId }">${country.countryDesc }</option>
		                                        </c:forEach>
	                                        </select>
                                    </div>
                                </li>
                                
                                <li id="pk_member"><label><span class=" color_red mr5"></span>编号：</label><span id="spanMemberId_member"></span></li>
                                <li><label>接领密码：</label><input type="password" id="pwd1_member" name="receivePwd" class="iput_t w150" ></li>
                                <li><label>重复密码：</label><input type="password" id="pwd2_member" class="iput_t w150" ></li>
                                <li><label></label><input type="checkbox" id="canConsume_member" name="canConsume" > 可消费余额</li>
                                <li><label></label><input type="checkbox" id="signDisclaimer_member" name="signDisclaimer" class="mr5">单独游玩免责声明已签署</li>
                            </ul>
                        </div>
                        <ul class="f14 fl details_ull">
                             <li>注意事项</li>
                             <li><textarea id="note" name="note" class="textare w200"></textarea></li>
                             <li class="mt10">员工备注</li>
                             <li><textarea id="memo" name="memo" class="textare w200"></textarea></li>
                            <li class="mt10"><label><span class=" color_red mr5">*</span>销售：</label>
                            	<div class=" uboxstyle_small">
                                    <select name="fkSales" id="fkSales_member">
	                                <option value=""></option>
					<c:forEach items="${salesList}" var="sales" >
                                        <option value="${sales.pkUsrId }">${sales.usrName }</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <a href="#" class="collection_add fr" onclick="fingerType='member';openFingerPrint();"><img id="fingerImg_member" title="指纹扫描" src="${basePath }commonCss/images/zhiwen_c.png"></a>
            </div>
           
        </div>
         <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" id="memberOK" value="确定"></dd>
		<dd><input type="button" class="btn" onclick="$('#memberPop').window('close');" value="取消"></dd>
        </dl>
    </div>
    </form>
</div>
<!--  小朋友会员弹出层   -->

<!--  小朋友非会员弹出层   -->
<div id="notMemberPop" class="easyui-window" title="非会员" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:580px; height:460px;position:relative;">
        <form id="notMemberForm" method="post">
        <input type="hidden" id="pkMemId" name="pkMemId">
        <input type="hidden" name="memType" id="memType" value="">
        <input type="hidden" name="familyId" value="${familyId }">
	<input type="hidden" name="fing1" id="fing1_notMember">
	<input type="hidden" name="fing2" id="fing2_notMember">
	<input type="hidden" name="ftype1" id="ftype1_notMember">
	<input type="hidden" name="ftype2" id="ftype2_notMember">
        <div class="collection_l fixed" style="width:100%">
        	<div class="collection_t ml10 fixed">
            	<div class="collection_contet mt20">
                	<div class="collection_img fl">
                    	<span class="collection_span">
                        	<input type="hidden" id="imagePath_notMember" name="imagePath"/>
                            <a><img id="notMemberImage" onclick="openCameraPage(2);" class="colle_img"  style="width:145px;height:190px;" title="点击拍摄图片" src="${basePath }commonCss/images/index_02.gif"></a>
                        </span>
                    </div>
                    <div class="collection_text fl">
                    	<div class="fl">
                            <ul class="f14 details_ull w250 fl">
                            	<li>
                                    <label><span class=" color_red mr5">*</span>姓名：</label>
                                    <input type="text" class="iput_t w150" id="memName" name="memName" maxlength="25">
                                <li>
                                	<label><span class=" color_red mr5">*</span>性别：</label>
                                    <ul class="ul_radio fl">
                                        <li><input type="radio" id="girlRadioButton" name="sex" value="女" class="mr5">女</li>
                                        <li><input type="radio" id="boyRadioButton" name="sex" value="男" class="mr5">男</li>
                                        <li><input type="checkbox" id="isVip" name="isVip" class="mr5 vt"><i class="vip_icon"></i></li>
                                    </ul>
                                </li>
                                <li><label><span class=" color_red mr5">*</span>生日：</label>
	            	 <input type="text"   id="birthday" name="birthdayPage" class="iput_t w150" onClick="WdatePicker({maxDate:'%y-%M-%d'})" ></li>
                                <li><label><span class=" color_red mr5">*</span>国籍：</label>
                                	<div class=" uboxstyle_small">
                                        <select name="country" id="country">
						<c:forEach items="${countryList}" var="country" >
	                                        <option value="${country.pkCountryId }">${country.countryDesc }</option>
	                                        </c:forEach>
                                        </select>
                                    </div>
                                </li>
                                
                                <li><label><span class=" color_red mr5"></span>编号：</label><span id="spanMemberId"></span></li>
                                <li><label>接领密码：</label><input type="password" id="pwd1" name="receivePwd" class="iput_t w150" ></li>
                                <li><label>重复密码：</label><input type="password" id="pwd2" class="iput_t w150" ></li>
	                            <li class="mt10"><label>销售：</label>
	                            	<div class=" uboxstyle_small">
                                    	<select name="fkSales" id="fkSales">
	                                        <option value=""></option>
						<c:forEach items="${salesList}" var="sales" >
	                                        <option value="${sales.pkUsrId }">${sales.usrName }</option>
	                                        </c:forEach>
	                                    </select>
	                                </div>
	                            </li>
                                <li><label></label><input type="checkbox" id="canConsume" name="canConsume" > 可消费余额</li>
                                <li><label></label><input type="checkbox" id="signDisclaimer" name="signDisclaimer" class="mr5">单独游玩免责声明已签署</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <a href="#" class="collection_add fr" onclick="fingerType='notMember';openFingerPrint();"><img id="fingerImg_notMember" src="${basePath }commonCss/images/zhiwen_c.png"></a>
            </div>
           
        </div>
         <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" id="notMemberOK" value="确定"></dd>
            <dd><input type="button" class="btn" onclick="$('#notMemberPop').window('close')" value="取消"></dd>
        </dl>
    </div>
    </form>
</div>
<!--  小朋友弹出层   -->

<!---大人 弹出层--->
<div id="guaPop" class="easyui-window" title="监护人" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:620px; height:350px;position:relative;">
	 <form id="guaForm" name="guaForm" method="post">
        <input type="hidden" id="pkGuaId" name="pkGuaId">
        <input type="hidden" id="fkMemId_gua" name="memberId" value="${memberId}">
	<input type="hidden" name="fing1" id="fing1_gua">
	<input type="hidden" name="fing2" id="fing2_gua">
	<input type="hidden" name="ftype1" id="ftype1_gua">
	<input type="hidden" name="ftype2" id="ftype2_gua">
	 <div class="collection_l fixed">
        	<div class="collection_t ml10 fixed">
            	<div class="collection_contet mt20">
                	<div class="collection_img fl">
                    	<span class="collection_span">
                        	<input type="hidden" id="imagePath_gua" name="imagePath"/>
                       		<img id="guaImage" onclick="openCameraPage(3);" class="p10"  style="width:150px;height:200px;" title="点击拍摄图片" class="p10" src="${basePath }commonCss/images/index_03.gif">
                        </span>
                    </div>
                    <div class="collection_text fl">
                    	<div class="fl">
                            <ul class="f14 details_ull">
                                <li><label><span class=" f16 color_red mr5">*</span>关系：</label>
                                	<div class=" uboxstyle">
	                                    <select id="fkReltypeId" name="fkReltypeId">
						<c:forEach items="${reltypeList}" var="reltype" >
	                                        <option value="${reltype.pkReltypeId }">${reltype.relDesc }</option>
	                                        </c:forEach>
	                                    </select>
	                                </div>
                                </li>
                                <li><label><span class=" f16 color_red mr5">*</span>姓名：</label><input type="text" id="name" name="name" class="iput_t w200"  maxlength="25"></li>
                                <li><label><span class=" f16 color_red mr5">*</span>电话：</label>
					<div class="formx">
			                        <span id="num_info" for="telNum"></span>
			                        <input type="text" id="telNum" name="telNum"  class="iput_t w200"  maxlength="15">
			                </div>
				</li>
				<li><label><span class=" f16 color_red mr5"></span>Email：</label><input type="text" id="email" name="email"  class="iput_t w200" placeholder="邮箱地址"></li>
                                <li><label></label><input type="checkbox" id="canConsume_gua" name="canConsume" class="mr5">可消费余额</li>
                                <li><label></label><input type="checkbox" id="canReceive" name="canReceive" class="mr5">可接领</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="collection_text fl">
                	<a href="#" class="collection_add fr" onclick="fingerType='gua';openFingerPrint();"><img id="fingerImg_gua"  title="指纹扫描" src="${basePath }commonCss/images/zhiwen_c.png"></a>
                </div>
            </div>
     </div>
     <div class="btm_btn btm_bg">
    	<dl>
		<dd><input type="button" class="btn" id="guaOK" value="确定"></dd>
		<dd><input type="button" class="btn" onclick="$('#guaPop').window('close');" value="取消"></dd>
        </dl>
    </div>
    </form>
</div>
<!---大人 弹出层--->


<!--  指纹扫描   -->
<div id="fingerprintPop" class="easyui-window" title="指纹扫描" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:260px; height:260px;position:relative;">
	<div style="display:none;">
		<object classid="clsid:82C2415C-1EC7-41ED-A6F0-2BCA3B4216E2" id="finger" codebase="${basePath }plugin/Ferly727.ocx">
		  <param name="_ExtentX" value="635">
		  <param name="_ExtentY" value="582">
		  <param name="_StockProps" value="64">
		  <param name="Enabled" value="1">
		</object>
	</div>
	<table class="table_x">
    	<tr>
		<td onclick="collectFingerFea(1);">
			<img id ="imgFing1" src="${basePath }commonCss/images/zhiwen_w.png" title="单击开始扫描指纹">
			<input type="hidden" name="fing1" id="fing1">
			<input type="hidden" name="ftype1" id="ftype1">
		</td>
		<td onclick="collectFingerFea(2);">
			<img id ="imgFing2" src="${basePath }commonCss/images/zhiwen_j.gif" title="单击开始扫描指纹">
			<input type="hidden" name="fing2" id="fing2">
			<input type="hidden" name="ftype2" id="ftype2">
		</td>
        </tr>
    </table>
    <div class="btm_btn btm_bg">
      <dl>
          <dd><input type="button" class="btn" onclick="fingerprintOK();" value="确定"></dd>
          <dd><input type="button" class="btn" onclick="$('#fing1').val('');$('#fing2').val('');$('#fingerprintPop').window('close');" value="取消"></dd>
      </dl>
    </div>
</div>
<!--  指纹扫描   -->


<!--  手指选择   -->
<div id="fingerPop" class="easyui-window" title="选择" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:550px; height:300px;position:relative;">
	
    <!----select--->
    <div class="">
        <table class="table">
    	<tr><th>左手</th><th>右手</th></tr>
    	<tr>
		<td><label for="f1"><input type="radio" id="f1" name="fingerIndex" value="1">大拇指</label></td>
		<td><label for="f6"><input type="radio" id="f6" name="fingerIndex" value="6">大拇指</label></td>
	</tr>
    	<tr>
		<td><label for="f2"><input type="radio" id="f2" name="fingerIndex" value="2">食&nbsp;　指</label></td>
		<td><label for="f7"><input type="radio" id="f7" name="fingerIndex" value="7">食&nbsp;　指</label></td>
	</tr>
    	<tr>
		<td><label for="f3"><input type="radio" id="f3" name="fingerIndex" value="3">中&nbsp;　指</label></td>
		<td><label for="f8"><input type="radio" id="f8" name="fingerIndex" value="8">中&nbsp;　指</label></td>
	</tr>
    	<tr>
		<td><label for="f4"><input type="radio" id="f4" name="fingerIndex" value="4">无名指</label></td>
		<td><label for="f9"><input type="radio" id="f9" name="fingerIndex" value="9">无名指</label></td>
	</tr>
    	<tr>
		<td><label for="f5"><input type="radio" id="f5" name="fingerIndex" value="5">小拇指</label></td>
		<td><label for="f10"><input type="radio" id="f10" name="fingerIndex" value="10">小拇指</label></td>
	</tr>
    </table>
    </div>
    <!----select--->
    
    <div class="btm_btn btm_bg">
      <dl>
          <dd><input type="button" class="btn" onclick="fingerSelectOK();" value="确定"></dd>
          <dd><input type="button" class="btn" onclick="fingerSelectCancel();" value="取消"></dd>
      </dl>
    </div>
</div>
<!--  手指选择 -->


</body>
</html>